<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<link rel="shortcut icon" href="images/content/favicon.ico" />
<meta http-equiv="Content-Script-Type" content="text/javascript" /> 

<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="title" content="" />
<meta name="description" content="" />
<title>Union Corp</title>
<link rel="shortcut icon" href="./images/favicon.ico" />
<!-- ////////////////////////////////// -->
<!-- //      Start Stylesheets       // -->
<!-- ////////////////////////////////// -->
<link href="./styles/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="./styles/color.css" rel="stylesheet" type="text/css" media="screen" />
<link href="./styles/inner.css" rel="stylesheet" type="text/css" media="screen" />
<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="./js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="./js/hoverIntent.js"></script> 
<script type="text/javascript" src="./js/superfish.js"></script> 
<script type="text/javascript" src="./js/supersubs.js"></script>
<script type="text/javascript" src="./js/twitter.js"></script> 
<script type="text/javascript">
jQuery(document).ready(function(){
	//Menu
	jQuery("ul.sf-menu").supersubs({ 
	minWidth		: 12,		// requires em unit.
	maxWidth		: 27,		// requires em unit.
	extraWidth		: 1		// extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
						   // due to slight rounding differences and font-family 
	}).superfish();  // call supersubs first, then superfish, so that subs are 
					 // not display:none when measuring. Call before initialising 
					 // containing tabs for same reason.
					 
 
});
</script>

<meta charset="UTF-8"></head>
<body>

<div id="wrapper">
    <div id="wrapper-top">
    	<div class="container">
        	<div class="twelve columns">
                <div id="top">
                    <div id="topsearch">
                     <form method="post" action="#">
                        <div><input type="text" class="inputbox" value="Type Search..." onblur="if (this.value == ''){this.value = 'Type Search...'; }" onfocus="if (this.value == 'Type Search...') {this.value = ''; }" /></div>
                    </form>
                    </div>
                    <div id="logo"><a href="./index.html"><img src="./images/logo.png" alt="" /></a></div>
                </div>
                <div id="nav">
                    <ul id="topnav" class="sf-menu">
                        <li><a href="./index.html">Home</a></li>
                        <li><a href="./about.html">About Us</a>
                        	<ul>
                                <li><a href="./about.html">About Page</a></li>
                                <li><a href="./typography.html">Typography</a></li>
                                <li><a href="./single.html">Blog Detail</a></li>
                                <li><a href="#">Dropdown</a>
                                	<ul>
                                        <li><a href="#">Example Dropdown Menu</a></li>
                                        <li><a href="#">Example Dropdown Menu</a></li>
                                        <li><a href="#">Example Dropdown Menu</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="./services.html">Services</a></li>
                        <li><a href="./portfolio.html">Portfolio</a></li>
                        <li><a href="./blog.html" class="current">Blog</a></li>
                        <li><a href="./contact.html">Contacts</a></li>
                    </ul><!-- #topnav -->
                </div><!-- #nav -->	
            </div>
        </div><!-- .container -->
    </div><!-- end #wrapper-top -->	
    <div id="wrapper-content">
    	<div class="container">
        	<div class="twelve columns">
                <div id="content" class="inner">
                	
                    <div class="eight columns alpha">
                    
                      	<div id="singlepost" class="post">
                            <h2 class="posttitle"><a href="./single.html">Quisque tempus pretium porttitor.</a></h2>
                            <div class="entry-utility">Posted on December 5, 2011</div>
                            <div class="postimg">
                                <img src="./images/content/post1.jpg" alt="" class="border" />
                            </div>
                            <div class="entry-utility">Posted by <a href="#">Clara Clark</a><span class="tags">Tags: <a href="#">Business</a>, <a href="#">Portfolio</a></span></div>
                            <div class="entry-content">
                            <p>Donec dui urna, laoreet nec congue non, imperdiet a nisi. Ut sollicitudin, purus eu porttitor commodo, purus mauris eleifend odio, quis hendrerit metus sem id leo. Praesent cursus, quam dapibus pharetra, lacus lorem interdum magna, ac condimentum tellus ligula id erat. Etiam vehicula aliquet venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                            <p>Donec dui urna, laoreet nec congue non, imperdiet a nisi. Ut sollicitudin, purus eu porttitor commodo, purus mauris eleifend odio, quis hendrerit metus sem id leo. Praesent cursus, quam dapibus pharetra, lacus lorem interdum magna, ac condimentum tellus ligula id erat. Etiam vehicula aliquet venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                            <p>Donec dui urna, laoreet nec congue non, imperdiet a nisi. Ut sollicitudin, purus eu porttitor commodo, purus mauris eleifend odio, quis hendrerit metus sem id leo. Praesent cursus, quam dapibus pharetra, lacus lorem interdum magna, ac condimentum tellus ligula id erat. Etiam vehicula aliquet venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                            </div>
                        </div>
                        
                        <div id="comment">
                        <h2>Comments</h2>
                        <ol class="commentlist">
                            <li>
                                <div class="comment-body">
                                <img src="./images/content/avatar.gif" alt="" class="avatar"/>
                                <span class="tuser">Richard Delano</span><br />
                                <span class="tdate">August 17, 2010 7:15 am</span><br />
                                <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                <a href="#" class="more">Reply</a>
                                </div>
                            </li>
                            <li>
                                <div class="comment-body">
                                <img src="./images/content/avatar.gif" alt="" class="avatar"/>
                                <span class="tuser">Farleys Ditz</span><br />
                                <span class="tdate">August 17, 2010 7:15 am</span><br />
                                <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                <a href="#" class="more">Reply</a>
                                </div>
                                <ol>
                                    <li>
                                        <div class="comment-body">
                                        <img src="./images/content/avatar.gif" alt="" class="avatar"/>
                                        <span class="tuser">Lyns Ramirez</span><br />
                                        <span class="tdate">August 17, 2010 7:15 am</span><br />
                                        <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                        <a href="#" class="more">Reply</a>
                                        </div>
                                    </li>
                                </ol>
                            </li>
                            <li>
                                <div class="comment-body">
                                <img src="./images/content/avatar.gif" alt="" class="avatar"/>
                                <span class="tuser">Dakota Kings</span><br />
                                <span class="tdate">August 17, 2010 7:15 am</span><br />
                                <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                <a href="#" class="more">Reply</a>
                                </div>
                            </li>
                        </ol>
                        <h2>Leave Comment</h2>
                          <form id="commentform" action="">
                            <fieldset>
                              <label for="name" id="name_label">Name:</label>
                              <input type="text" name="name" id="name" size="50" value="" class="text-input" />
                              <label for="email" id="email_label">Email:</label>
                              <input type="text" name="email" id="email" size="50" value="" class="text-input" />
                              <label for="msg" id="msg_label">Message:</label>
                             <textarea cols="60" rows="10" name="msg" id="msg" class="textarea"></textarea><br />
                              <input type="submit" name="submit" class="button" id="submit_btn" value="Submit"/>
                            </fieldset>
            
                          </form>
                    </div><!-- end #comment -->
                        
                        <div class="clear"></div>
                    </div>
                    
                    <div class="four columns omega">
                    	<div id="sidebar">
                        	<ul>
                            	<li class="widget-container">
                                	<h2 class="widget-title">Categories</h2>
                                    <ul>
                                    	<li><a href="#">Wordpress Themes</a></li>
                                        <li><a href="#">HTML Themes</a></li>
                                        <li><a href="#">jQuery</a></li>
                                        <li><a href="#">Web Design</a></li>
                                        <li><a href="#">Graphic Design</a></li>
                                        <li><a href="#">Tutorial</a></li>
                                    </ul>
                                </li>
                            	<li class="widget-container">
                                	<h2 class="widget-title">Text Widget</h2>
                                    <div class="textwidget">
                                    Pellentesque rutrum risus sed neque vestibulum non consectetur erat suscipit. Quisque facilisis pellentesque venenatis. Pellentesque bibendum volutpat libero sit amet sollicitudin. 
                                    </div>
                                </li>
                                <li class="widget-container">
                                    <h2 class="widget-title">Latest Post</h2>
                                    <ul id="latestpost">
                                        <li>
                                            <img src="./images/content/ln1.jpg" alt="" class="alignleft border"  />
                                            <h5><a href="#">New Theme Released Now</a></h5>
                                            <span class="pdate">November 26, 2011</span>
                                        </li>
                                        <li>
                                            <img src="./images/content/ln2.jpg" alt="" class="alignleft border"  />
                                            <h5><a href="#">Illustration &amp; Flash Video</a></h5>
                                            <span class="pdate">October 26, 2011</span>
                                        </li>
                                        <li>
                                            <img src="./images/content/ln3.jpg" alt="" class="alignleft border"  />
                                            <h5><a href="#">Site Templates &amp; Wordpress</a></h5>
                                            <span class="pdate">August 26, 2011</span>
                                        </li>
                                    </ul>
                                </li>
                                <li class="widget-container">
                                    <h2 class="widget-title">Latest Tweets</h2>
                                    <div id="jstwitter"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                
                	<div class="clear"></div>
                </div><!-- #content -->	
            </div>
        </div>
    </div><!-- end #wrapper-content -->
    <div id="wrapper-footer">
    	<div class="container">
        	<div class="twelve columns">
                <div id="footer_text">
                	Copyright &copy;2011 Union Corp.  All Rights Reserved
                </div>
            </div>
        </div>
    </div><!-- end #wrapper-footer -->	
</div><!-- end #wrapper -->	

</body>
</html>
